<!DOCTYPE html>

<html>

	<head>

		<!-- 页面字符编码 -->

		<meta charset="utf-8">

		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">

		<meta name="apple-mobile-web-app-capable" content="yes">

		<meta name="apple-mobile-web-app-status-bar-style" content="black">

		<title></title>

		<link href="../css/mui.min.css" rel="stylesheet" />

		<link href="../fonts/iconfont.css" rel="stylesheet" />

		<link href="../css/index.css" rel="stylesheet" />

	</head>

	<body>

		<div class="mui-content  index7-mui-content">

		    <div class="header7" id="header4">
		   	    <div class="auto">
		   	   	    <i class="iconfont icon-caidan"></i>
		   	   	    <i class="iconfont icon-sousuo"></i>
		   	   	    <p class="morning">Good Morning!</p>
		   	   	    <div class="box4"> 
		   	   	    	<p class="face">
		   	   	    	    <img src="../images/face2.jpg" alt="">  
		   	   	    	    <span class="div-num-3" id="num3">3</span>
			   	   	    </p>
			   	   	  
		   	   	    </div>
		   	   	    
		   	   	    <div class="foot-4">
		   	   	    	<i class="iconfont icon-xiangqian"></i>
		   	   	    	FEBRUARY
		   	   	    	<i class="iconfont icon-forward"></i>
		   	   	    </div>
		   	    </div>

		   	    <div class="footer4-box body-11">
		   	    	<div class="the-first">
		   	    		<div class="days">
		   	    			<ul class="riqi">
		   	    				<li>SUN</li>
		   	    				<li>MON</li>
		   	    				<li>TUE</li>
		   	    				<li>WED</li>
		   	    				<li>THE</li>
		   	    				<li>FRI</li>
		   	    				<li>SAT</li>
		   	    				<div class="clear"></div>
		   	    			</ul>
		   	    			<ul class="jihao">
		   	    				<li>7</li>
		   	    				<li class="background">8<span class="hongdian"></span></li>
		   	    				<li>9</li>
		   	    				<li>10</li>
		   	    				<li class="ccc">11<span  class="hongdian"></span></li>
		   	    				<li class="ccc">12<span  class="hongdian"></span></li>
		   	    				<li>13</li>
		   	    				<div class="clear"></div>
		   	    			</ul>
		   	    		</div>
		   	    	</div>
		   	    	<div class="the-same  green oDiv">
		   	    		<div class="middle-box auto">
		   	    			<div><img src="../images/face1.jpg" alt=""></div>
			    			<p class="p-top">New Subpage for Janet</p>
			    			<p class="p-bottom">8-10pm</p>
		   	    		</div>
		   	    	</div>
		   	    	<div  class="the-same oDiv">
		   	    		<div class="middle-box auto">
		   	    			<div><img src="../images/face2.jpg" alt=""></div>
			    			<p class="p-top">Catch up with Tom</p>
			    			<p class="p-bottom">11-12pm Hangouts</p>
		   	    		</div>
		   	    	</div>
		   	    	<div  class="the-same oDiv" style="border:none;">
		   	    		<div class="middle-box auto">
		   	    			<div><img src="../images/face3.jpg" alt=""></div>
			    			<p class="p-top">Lunch with Diane</p>
			    			<p class="p-bottom">1pm Restaurant</p>
		   	    		</div>
		   	    	</div>
		   	    </div>
		   	    <div class="add-btn">
	   	   	     	<i class="iconfont icon-add"></i>
	   	   	    </div>
		    
		    </div>


          


	</body>

</html>